{include file=member.header.html}
<style type="text/css">
.n-rbox{ width:600px; background:url({res file=images/member/p_box_bg.gif}) repeat-x bottom;border:1px solid #E8E8D2;border-radius:2px 2px 2px 2px; padding:15px 0 20px 50px;margin-bottom:10px}
.n-rbox h3{ font-size:14px; margin-bottom:10px}
.n-rbox h3 a{ font-size:12px; padding:0 5px; color:#07f; font-weight:normal;}
.title-link{background:#DCF869;border:1px solid #76D142;display:inline-block; font-size:12px;font-weight:normal;padding:2px 5px;margin:0 5px}
.n-rbox:hover{ background:#ffff9d; border:#ffae12 1px solid;}
.n-rbox p{ line-height:21px; color:#4d4d4d;}
.n-rbox a{ text-decoration:none;color:#00F;}.n-rbox a:hover{ text-decoration:underline}
.n-rbox ul li{padding-right:5px;margin-right:5px; float:left;}
.n-rbox ul li span{background-image:url({res file=images/member/ico-step-num-arrow.png}); background-repeat:no-repeat;color:#FF4D05;margin-right:5px;display: inline-block;font-size: 1px;height: 9px;line-height: 9px;vertical-align: middle;width:16px;}
.tip-faq{ margin:40px 0; border-top:#f2f2f2 1px solid; padding:10px 0}
.tip-faq h3{ line-height:30px; font-size:12px;}
.tip-faq dl{ color:#4d4d4d;}
.tip-faq dt{ font-weight:bold; font-family:"宋体"; line-height:21px}
.tip-faq dd{ padding-left:15px;}
.tip-faq p{ padding:20px 0;}
.tip-faq p a{color:#07f;}
.my_money h2{color:#F00; height:40px; font-size:20px; line-height:40px;}
.my_money h2 a{color:#0077FF;font-size:12px; font-weight:normal; text-decoration:none;}.my_money h2 a:hover{color:#F00;text-decoration:underline;}
.my_money p a{color:#00F;font-size:12px;text-decoration:none;}.my_money p a:hover{color:#F00;font-size:12px;text-decoration:underline;}
.my_money th{ font-size:14px; color:#666;width:120px; text-align:right;}
.my_money th em{ color:red; font-weight:bold; font-style:normal; font-size:16px;}
.my_money td font{ font-size:12px; color:#999}
.my_money .send_mail_tig{ border:1px #D4D4D4 solid;background:#F9F9F9; line-height:220%; padding:8px;width:500px;overflow:hidden}
.my_money .go_to_btn a{ color:#0077FF; text-decoration:underline; background:#FFF; padding:2px;}
.my_money .sm{ height:22px; line-height:18px;}

.flow-steps { margin:0 0 20px 0;overflow:hidden}
.flow-steps .num1 LI {WIDTH: 185px}
.flow-steps LI {PADDING-RIGHT: 15px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: url({res file=images/member/flow_steps_bg.gif}) #e4e4e4 no-repeat 100% 0px; FLOAT: left; PADDING-BOTTOM: 0px;  COLOR: #404040; LINE-HEIGHT: 23px; PADDING-TOP: 0px; HEIGHT: 23px; TEXT-ALIGN: center}
.flow-steps LI SPAN {DISPLAY: block}
.flow-steps LI STRONG {DISPLAY: block}
.flow-steps LI .first {BACKGROUND:url({res file=images/member/flow_steps_bg.gif}) no-repeat -12px -69px}
.flow-steps LI.last {BACKGROUND-POSITION: 100% -138px}
.flow-steps LI.current {COLOR: #fff; BACKGROUND-COLOR: #f60; position:relative}
.flow-steps LI.current .first {	BACKGROUND-POSITION: -12px -92px; BACKGROUND-COLOR: #f60}
.flow-steps LI.last {BACKGROUND-POSITION: 100% -138px}
.flow-steps LI.current {COLOR: #fff; BACKGROUND-COLOR: #f60; position:relative}
.flow-steps LI.current .shanjiao { background:url({res file=images/member/flow_steps_bg.gif}) no-repeat 0px -23px ; width:15px; height:23px;
 overflow:hidden;position:absolute; z-index:1; left:-15px; }
.flow-steps LI.current .first {BACKGROUND-POSITION: -12px -92px; BACKGROUND-COLOR: #f60}
.flow-steps LI.current-prev {BACKGROUND-POSITION: 100% -23px}
.flow-steps LI.done {BACKGROUND-POSITION: 100% -46px; COLOR: #f60; BACKGROUND-COLOR: #ffe6ba}
.flow-steps LI.done .first {BACKGROUND-POSITION: -12px -115px; BACKGROUND-COLOR: #ffe6ba}
.flow-steps LI.last-current {BACKGROUND-POSITION: 100% -161px; COLOR: #fff; BACKGROUND-COLOR: #f60}
.success_ok{border:1px #E5E5CD solid;background:url({res file=images/success.gif}) #EDFFCC no-repeat 30px center; padding:20px 10px 20px 100px; line-height:180%}
.success_ok a{ color:#0077FF; text-decoration:none;}.success_ok a:hover{ color:#F00; text-decoration:underline;}
</style>
<div class="content_color">
<div class="content">
  {include file=member.menu.html}
  <div id="right">
    {include file=member.submenu.html}
      <div class="wrap">
 <div class="public_select table">
<!--{if $smarty.get.chooseway eq 'ok'}-->
<div class="success_ok">
<h3>您的新支付密码设置成功！重新登录之后即可生效！</h3>
<p style="color:#808080;">在确认收货、申请退款等交易重要环节都会使用到支付密码，请牢记。</p>
<p>您可能需要：<a href="index.php?app=my_money&amp;act=remit_alipay">网上充值</a> | <a href="index.php?app=my_money&amp;act=remit_bank">银行充值</a> | <a href="index.php?app=member">收银台</a> | <a href="index.php?app=my_money">收支明细</a></p>
</div>
<!--{elseif $smarty.get.chooseway eq 'email_security'}-->

    <!--{if $md5y_pass}-->
	<script type="text/javascript">
    $(function(){
        $('#password_form').validate({
            errorPlacement: function(error, element){
                $(element).next('.field_notice').hide();
                $(element).after(error);
            },
            success       : function(label){
                label.addClass('validate_right').text('OK!');
            },
            rules : {
                new_password : {
                    required   : true,
                    minlength  : 8,
                    maxlength  : 20
                },
                confirm_password : {
                    required   : true,
                    equalTo    : '#new_password'
                }
            },
            messages : {
                new_password  : {
                    required   : '支付密码不能为空',
                    minlength  : '密码长度应在8-20个字符之间'
                },
                confirm_password : {
                    required   : '确认支付密码不能为空',
                    equalTo    : '两次输入的支付密码不相符'
                }
            }
        });
    });
    </script>    
    <div class="my_money">
        <h2>找回支付密码</h2>
        <DIV class=flow-steps><OL class=num1>
          <LI class="done current-prev"><SPAN class=first>去邮箱接收邮件</SPAN></LI>
          <LI class=current><div class="shanjiao"></div><SPAN>设置新密码</SPAN></LI>
          <LI class=last><SPAN>修改成功</SPAN> </LI></OL>
        </DIV>        
        <form method="POST" id="password_form">
             <table>
                  <tr>
                    <th>收银台账号：</th>
                    <td><strong>{$visitor.user_name|escape}</strong></td>
                  </tr>
                  <tr>
                      <th>支付密码：</th>
                      <td><input type="password" class="text" name="new_password" id="new_password"/> 
                      <font>由8-20个英文字母、数字或符号组成。建议使用大小写字母与数字混合设置密码。</font></td>
                  </tr>
                  <tr>
                      <th>确认支付密码：</th>
                      <td><input type="password" class="text" name="confirm_password"/> 
                        <font>长度为8-20位</font></td>
                  </tr>
                  <tr>
                      <td></td>
                      <td><input name="goto" type="hidden" id="goto" value="2"><input type="submit" value="{$lang.submit}" name="Submit" class="submit_btn"></td>
                  </tr>
             </table>
            </form>
      <div class="tip-faq">
      <h3>使用遇到问题？</h3>
      <dl>
        <dt>·如何设置安全密码？</dt>
        <dd>答：1、将下面四种不同字符中的三种组合在一起：大写字符（例如：A、B、C）；小写字符（例如：a、b、c）;数字（例如：1、2、3）；符号（` ~ ! @ # $ % ^）。2、不能是常用的字、名词或旧密码。 
</dd>
      </dl>  
      <p style="display:none"><a href="help.html" target="_blank">更多相关帮助</a></p>
      </div>            
    <!--{else}-->
      <div class="my_money">
        <h2>找回支付密码 <a href="index.php?app=my_money&amp;act=account_security">返回选择其他方式</a></h2>
        <DIV class=flow-steps>
          <OL class=num1>
            <LI class=current><SPAN class=first>去邮箱接收邮件</SPAN></LI>
            <LI><SPAN>设置新密码</SPAN></LI>
            <LI class=last><SPAN>修改成功</SPAN> </LI>
          </OL>
        </DIV>
        <p style="margin:10px 0;">无法接收邮件，<a href="{$site_url}/{url app=article&act=abouts&code=contactus}" target="_blank">点此申请客服人工找回密码</a>。</p>
        <script language="javascript" type="text/javascript">
        function sendemail(){
            change_time();
            $.get("index.php",{
                    app:'my_money',
                    act:'SendEmail',
                    email:'{$member_email}'
                },function(data,success){
                    if(success=="success"){
                        if(data=="false"){
                            alert("邮件已发送成功，请不要重复发送！");
                        }else{
                            alert("邮件发送成功！");
                            $(".tipmsg").css("display","block");				
                        }
                    }else{
                        alert("发送邮件错误！！");
                    }
                    return ;
            });
            return false;
        }
        var i=60;
        function change_time(){
            i--;	
            if(i==0){
                $(".sm").html("发送邮件");
                $(".sm").removeAttr("disabled");
                i=60;
            }else{
                $(".sm").attr("disabled","disabled");
                $(".sm").html("("+i+")发送邮件");
                setTimeout("change_time()",1000);	
            }
        }
        //知名邮件服务地址
        var famous_mail_suffix = new Array('163.com','qq.com','tom.com',
                                                            'sohu.com','126.com','sina.com',
                                                            'sogou.com','hotmail.com','live.com',
                                                            'live.cn','189.cn','foxmail.com',
                                                            'yahoo.com','yahoo.cn','yeah.net',
                                                            'wo.com.cn','263.net','21cn.com',
                                                            'eyou.com','188.com','139.com',
                                                            'gmail.com');
        var famous_mail_servers = new Array('mail.163.com',	'mail.qq.com','mail.tom.com',
                                                            'mail.sohu.com','www.126.com','sina.com.cn',
                                                            'mail.sogou.com','www.hotmail.com','www.hotmail.com',
                                                            'www.hotmail.com','www.189.cn','www.foxmail.com',
                                                            'mail.cn.yahoo.com','mail.cn.yahoo.com','www.yeah.net',
                                                            'mail.wo.com.cn','www.263.net','mail.21cn.com',
                                                            'www.eyou.com','www.188.com','mail.10086.cn',
                                                            'gmail.google.com');
        var email = '{$member_email}';
        var email_server = '';
        var email_http = '';
        for (x in famous_mail_suffix)
        {
            var search_temp = '@' + famous_mail_suffix[x];
            var search_temp_2 = '.' + famous_mail_suffix[x];
            if(email.indexOf(search_temp) > 0 || email.indexOf(search_temp_2) > 0) {
              email_server = famous_mail_suffix[x];
                email_http = 'http://' + famous_mail_servers[x];
                break;
            }
        }
        </script>
        <form method="post">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <th>接收邮箱：</th>
            <td>{$member_email}</td>
          </tr>
          <tr>
            <th><em>*</em> 验证码：</th>
            <td><input type="text" name="verifycode" class="text" style="width:120px"/> <font color="red">请输入邮件中的验证码</font></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td><div class="send_mail_tig">请进入邮箱查收邮件，若10分钟后没有收到邮件，请点击重新发送邮件。 <br />
              <button type="button" class="sm" onclick="sendemail()" >马上发送邮件</button>
              <span class="go_to_btn">
                <script type="text/javascript">
                if(email_server != '') {
                  document.write('<a href="' + email_http +'" target="_blank">前往' + email_server + ' 收信</a>');
                }	
               </script>
               </span>
               <p class="tipmsg"  style="margin-top:10px;display:none;color:red">{$site_name}已向您的邮箱 {$member_email} 发送了一封邮件，请立即查收。</p>
             </div>
             </td>
          </tr>
          <tr>
            <td colspan="2" style="padding-left:120px;"><input name="goto" type="hidden" id="goto" value="1"><input type="submit" value="下一步" name="Submit" class="submit_btn"></td>
            </tr>
        </table>
        </form>   
        </div> 
       <div class="tip-faq">
        <h3>使用遇到问题？</h3>
        <dl>
          <dt>·邮箱没有收到邮件怎么办？</dt>
          <dd>答：建议您去垃圾邮件中查找，看看品众批发网发送给您的邮件是否在垃圾邮件中。</dd>
        </dl>  
        <p style="display:none"><a href="help.html" target="_blank">更多相关帮助</a></p>
        </div>        
    <!--{/if}-->
<!--{else}-->
      <div class="my_money">
      <h2>根据您的账户情况，批付宝提供给您以下几种找回方式。</h2><br />
      <form method="get">
      <input name="app" value="my_money" type="hidden"><input name="act" value="account_security" type="hidden">
      <div class="n-rbox">
        <h3>
        <input name="chooseway" type="radio" value="email_security" checked="checked">
        &nbsp;用邮箱找回支付密码</h3>
        <p>您的邮箱{$member_email}将收到验证码。本服务完全免费。</p>
        <ul>
          <li><span class="step-no1"></span>查收邮件</li>
          <li><span class="step-no2"></span>填写验证码</li>
          <li><span class="step-no3"></span>设置新密码</li>
        </ul>
    </div>
      <div class="n-rbox">
        <h3>
        &nbsp;客服人工找回支付密码</h3>
        <p>通过客服咨询框传送证件号码及扫描件，经客服审核重置！</p>
        <a href="{$site_url}/{url app=article&act=abouts&code=contactus}" target="_blank">点击找回密码</a>
	  </div>
      <div class="fm-item" style="padding-left:60px;">
        <input class="submit_btn" value="下一步" type="submit">
      </div>
      </form>
      </div>   
        <div class="tip-faq">
        <h3>使用遇到问题？</h3>
          <dl>
            <dt>·密码被锁定，如何解锁？</dt>
            <dd>答：如果您多次输错密码，账户会被暂时锁定，不过三小时后会自动解锁。如果您需要立即解锁，可以通过"找回密码"的方式重新设定新的密码，设定成功后，密码会立即解锁，不需要等待3个小时就可以继续账户的操作。</dd>
          </dl>
		<p style="display:none"><a href="help.html" target="_blank">更多相关帮助</a></p>
        </div>   
<!--{/if}-->             
 </div>
      </div>
      <div class="clear"></div>
  </div>
    <div class="clear"></div>
</div>
<iframe name="iframe_post" id="iframe_post" width="0" height="0"></iframe>
</div>
{include file=footer_member.html}